<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script type="module">
    console.log("Inline module executed"); // 因为module默认就是个defer 而defer会在页面解析完后执行 且按照defer出现的顺序 先执行出现在文档中最早的defer script
    console.log(document.body.innerHTML);
  </script>
  <script src="b.js" defer></script>
  <script src="a.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded',()=>{
      console.log('DOMContentLoaded!')
    })
  </script>
<!--
sync script
Inline module executed
second defer script,第一个就是我们的module,module默认就是一个defer script
-->
</body>
</html>
